<%@ include file="/common/taglibs.jsp"%>
<!--分页查询共用的页面-->
<%@ include file="/common/common.jsp"%>
<%@ include file="/common/dateUtil.jsp"%>
<%@ page language="java" pageEncoding="UTF-8"%>

<head>
	<script type="text/javascript" src="<%=jsPath%>/jquery/jquery.timers.js"></script><!--定时器-->
	<script type="text/javascript" src="<%=jsPath%>/utility.js"></script><!--页面遮罩效果-->
<style>

</style>


<script>

////////////////////////初始化页面
//定义数组，用于存储报警类型和报警来源
var alarmSourcesData = null;
var params = {};//定义查询条件
var readyFlg = false;//标明页面加载完成标记

//定义数据表格
$(function(){
	//数据表格
	$("#displaceMentData").datagrid({
		width:"100%",
		height:"100%",
		toolbar:"#displaceMentToobar",//工具条
		pagination:true,
		pageList:[15,30,50,100],
		pageSize:15,
		singleSelect:true,
		rownumbers:true,
		striped:true,
		fitColumns: true,
		// checkOnSelect: false,
		selectOnCheck: false,
		onDblClickRow:function(rowIndex,rowData){
			console.log("双击数据行："+rowIndex);
			console.log(rowData);
		}
	});
});

//表单重置方法
function formReset(){
	document.getElementById("diaplaceQueryForm").reset();
}

//查询条件中日期和车组的校验
function validateDate() {
	var startTime = $("#startTime").val();
	var endTime = $("#endTime").val();
	startTime = new Date(Date.parse(startTime.replace(/-/g, "/")));
	endTime = new Date(Date.parse(endTime.replace(/-/g, "/")));
	if (isNaN(startTime.getTime()) || isNaN(endTime.getTime())) {
		$.messager.alert('提示', '非法的日期格式');
	}
	var today = new Date();

	var date1 = new Date(startTime.getFullYear(), startTime.getMonth(), startTime.getDate());
	var date2 = new Date(endTime.getFullYear(), endTime.getMonth(), endTime.getDate());
	if (startTime > today) {
		$.messager.alert('提示', '开始日期不能大于当前日期');
		return false;
	}
	if (startTime >= endTime) {
		$.messager.alert('提示', '开始时间不能大于等于结束时间');
		return false;
	}

	var iMonth = endTime.getMonth() - startTime.getMonth();
	if (iMonth > 1 || (iMonth < 0 && iMonth != -11)) {
		$.messager.alert('提示', '一次只能查询不超过两个月的历史数据');
		return false;
	}
	return true;
}

///////////////////////////////////////////////////////////////////////页面基本控件加载完成后初始化
//页面加载完成后初始化方法
$(document).ready(function(){
	///初始化时间
	var now = Utility.today();
	$("#startTime").val(now + " 00:00:00");
	$("#endTime").val(now + " 23:59:00");

	//创建下拉部门树
	Utility.createDepTree("depId");

	//查询按钮事件定义
	$("#btnQuery").click(function(){
		//以下代码暂不执行
		// 获取
		getPageData();
		//重新定义页面为第一页
		params.pageNumber = 1;
		//显示第一页
		setFirstPage();
		//查询数据
		getAjaxData();
		
	});

	//分页按钮点击
	$("#displaceMentData").datagrid("getPager").pagination({
		onSelectPage: function (pageNumber, pageSize) {
			if (readyFlg) {
				//设置新的页面信息
				getPageParams();
				console.log(params);
				//查询数据
				getAjaxData();
			}
		}
	});


//加载完成
	readyFlg = true;
});


//设置页面为显示第一页
function setFirstPage() {
	var opts = $("#displaceMentData").datagrid("options");
	var pager = $("#displaceMentData").datagrid("getPager");
	opts.pageNumber = 1;
	pager.pagination("refresh", {
		pageNumber: 1,
		pageSize: opts.pageSize
	});
}

/*
从服务器请求数据
1.校验查询条件是否合法
2.格式化查询条件
3.请求数据
4.如果返回数据合法，则填充数据
*/
//请求数据
function getPageData(){
	//校验数据
	if(validateDate()){
		initParams();//格式化查询条件	
	}
}


//格式化查询条件
function initParams(){
	params = {};//清空数据
	//获取分页参数
    getPageParams();
	//获取基本查询信息
	params.plateNo = $("#plateNo").val();
	
	params.startTime = $("#startTime").val();//开始时间
	params.endTime = $("#endTime").val();//结束时间


	//获取选择树种选中的类型
    var treeSelected = $("#depId").combotree("tree").tree("getSelected");
	
    if(treeSelected!= null){
		var depIdTemp = treeSelected.id;
		console.log("depIdTemp="+depIdTemp);
		try {
			depIdTemp = parseInt(depIdTemp);
		} catch (error) {
			console.log("获取查询条件中转换错误"+error);
		}
		if(depIdTemp != undefined){
			params.depId=depIdTemp;//获取depId
		}else{
			params.depId=0;
		}
		
    }


	console.log("params:");
	console.log(params);
}

//获取页面信息并配置到参数对象中
function getPageParams(){
	params.pageNumber = $("#displaceMentData").datagrid("getPager").data("pagination").options.pageNumber;
	params.pageSize = $("#displaceMentData").datagrid("getPager").data("pagination").options.pageSize;
}


/*
查询数据，并根据返回情况进行数据填充
*/
function getAjaxData(){

	var jsonData = JSON.stringify(params);
	$("#displaceMentData").datagrid("getPager").pagination("loading");
	$.ajax({
		type:"post",
		url:"<%=ApplicationPath%>/displaceMent/getDisplacePageData.action",//请求地址
		dataType:"json",
		data:jsonData,
		contentType:"application/json;charset=utf-8",
		success:function(data){
			$("#displaceMentData").datagrid('loadData',data);
			
			$("#displaceMentData").datagrid("getPager").pagination("loaded");
			
			// console.log("data->");
			// console.log(data);
		}
	});
	
}

</script>
</head>

<!----------------------显示控件----------------------------->
<body>
	<!--工具条-->
	<div id="displaceMentToobar">
		<form id="diaplaceQueryForm" action="">
			<table width="100%" class="TableBlock">
				<tr>
					<td align="right">车牌号码&nbsp;&nbsp;</td>
					<td>
						<input type="text" id="plateNo" name="plateNo">
					</td>
					<td align="right">车组名称&nbsp;&nbsp;</td>
					<td>
						<select id="depId" name="depId" style="width:200px;"></select>
					</td>
					<td align="right">开始时间
						:</td>
					<td>
						<input type="text" name="startTime" id="startTime" class="datetimepicker" />
					</td>
					<td align="right">结束时间:</td>
					<td align="left">
						<input type="text" name="endTime" id="endTime" class="datetimepicker" />
					</td>
					<td colspan="4" align="left">
						<a id="btnQuery" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'">查询</a>&nbsp;
						<a id="btnReset" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-clear'" onclick="formReset();">重置</a>&nbsp;
						<a id="btnExport" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-excel'" onclick="Utility.excelExport('<%=ApplicationPath%>/export.action');">导出</a>
						<!--调用utility.js-->
					</td>
				</tr>
			</table>
		</form>
	</div>
	<!--离线位移表格dagagrid-->
	<table id="displaceMentData">
		<thead>
			<tr>
				<th data-options="field:'plateNo'" width="150">车牌号</th>
				<th data-options="field:'name'" width="180">车组</th>
				<th data-options="field:'startTime'" width="230">开始时间</th>
				<th data-options="field:'endTime'" width="230">结束时间</th>
				<th data-options="field:'distance'" width="140">距离</th>
				<th data-options="field:'remark'" width="330">备注</th>
			</tr>
		</thead>
	</table>
</body>